<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			*{margin:0;padding:0;}
			li{list-style: none;}
		
			
			
			#logo{height:150px;display: flex;border-bottom:4px solid #FF6700;position:relative;}
			#logo a{text-decoration: none;margin-left:30px;}
			#logo a.name{position:absolute;right:120px;top:100px;}
			#logo i{position: absolute;right:160px;top:100px;font-style:normal;font:800 16px/2 "";}
			#logo a.name img{width:30px;}
			#logo ul{height:150px;width:200px;color:#fff;}
			#logo  a ul li{float:left;font:900 70px/150px "";font-style: italic;text-shadow: 8px 8px 10px #000;}
			#logo span{align-self: center;}
			#logo span p{font:900 40px/50px "";margin-left:30px;color:#333;}
			#logo span b{font:800 14px/1 "";margin-left:30px;color:#303030;}
			
			/* #list{height:800px;position:absolute;left:-200px;} */
			#details{position:relative;overflow: hidden;margin-top:40px;margin-left:0;}
			.s_box{width:400px;height:400px;border:1px solid;float:left;margin-left:200px;position:relative;}
			.s_box img{width:400px;height:400px;}
			.s_box span{width:200px;height:200px;position:absolute;background:rgba(200,200,200,.5);top:0;left:0;display:none;cursor: crosshair;}
			.msg{float:left;width:400px;height:400px;margin-left:100px;position:relative;}
			.msg h3{font:700 30px/3 "";}
			.msg p{font:16px/20px "黑体";margin-bottom: 20px;text-indent: 30px;}
			.msg span{display:block;background:#FF6700;color:#fff;height:40px;font:20px/2 "";text-indent: 30px;}
			form{margin-top:40px;}
			form input{height:36px;width:120px;margin-left:40px;background:#ccc;color:red;font-weight: 800;}
			
			.b_box{width:400px;height:400px;position:absolute;top:0;left:0;overflow: hidden;display:none;}
			 .b_box img{width:800px;height:800px;display:block;position:absolute;left:0;top:0;}
			#ul{margin-left:200px;margin-top:20px;}
			#ul ul{overflow: hidden;height:80px;}
			#ul ul li{float:left;width:80px;height:80px;margin-left:9px;}
			#ul ul li:hover{border:2px solid #FF6700;}
			#ul ul li img{display:block;width:80px;height:80px;}
		</style>
	</head>
	<body>
		<div id="logo">
			<a href="">
				<ul>dwdw
					<li style="color:#FDCD45">L</li>
					<li style="color:#FF3E42">D</li>
					<li style="color:#EB37CF">A</li>
					<li style="color:#4ADE57">Y</li>
				</ul>
			</a>
			<span><p>商品详情</p><b>让所有人都哎呦一下！</b></span>
			<i></i>
			<a href="http://localhost/lidu_project/htmls/landing/landing.html"  target="_self" class="name"><img src="../../static/goodsCar/退出.png" alt=""></a>
		</div>
		
		<div id="list">
			
			
		</div>
		
			
			<div id="ul">
				
			</div> 
	</body>
	<script src="../../js/landing/jquery.js"></script>
	<script src="../../js/login/ajaxPromise.js"></script>
	<script src="../../js/details/details.js"></script>
</html>
